<template>
  <div>
    <ul>
      <!-- 
        v-for: 循环创建元素
        在循环的过程中会有一个循环变量, 第一次循环 item 就是数组的第一个元素
       -->
      <li v-for="(item, index) in arr" :key="index">元素:{{ item }}---下标:{{ index }}</li>
    </ul>
    <!-- v-for="(循环变量, 索引) in 数组" :key="索引"
       一定要绑定一个 key, 避免报错
     -->
     <ul>
       <li v-for="(item, index) in arrObj" :key="index">
         姓名:{{ item.name }}
         年龄:{{ item.age }}
       </li>
     </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [10,20,30,40,50],
      arrObj:[
        {name: 'jerry', age: 4},
        {name: 'tom', age: 5},
        {name: 'rose', age: 18},
        {name: 'jack', age: 21}
      ]
    }
  }
}
</script>

<style>

</style>